<template>
  <div>
    <el-button type="text" class="tanchuang">
      <i class="el-icon-alarm-clock i-icon"></i>
    </el-button>
  </div>
</template>

<script>
import { MessageBox } from "element-ui";
export default {
  mounted() {
    console.log(this.$alert);
    this.open();
  },
  methods: {
    open() {
      MessageBox.alert("欢迎进入美发管理系统", "标题名称", {
        confirmButtonText: "确定"
      });
    }
  }
};
</script>

<style lang="less">
.tanchuang {
  width: 100%;
  height: 100%;
  .i-icon {
    text-align: center;
    line-height: 100%;
    font-size: 500px;
  }
}
</style>
